﻿<!DOCTYPE html>
<html>
<head>
	<title>Microsoft Ajax 4.0 Preview 6</title>

	<script type="text/javascript" src="Scripts/start.debug.js"></script>

	<script type="text/javascript">
		Sys.loadScripts(["Scripts/Tree.js"], function() {
			Sys.require([Sys.components.dataView], function() {
				createTreeView("#tree", Type.getRootNamespaces(), "#nodeTemplate");
				Sys.create.dataView("#detailsChild", {
					itemRendered: onDetailsChildRendered
				});
			});
		});
	</script>

	<link type="text/css" rel="Stylesheet" href="Styles/StyleSheet.css" />
</head>
<body>
	<div>
		<ul id="tree" class="tree">
		</ul>
		<ul id="nodeTemplate" class="sys-template">
			<li><a class="toggleButton" href="#">+</a> <a class="treeNode" href="#"></a>
				<ul>
				</ul>
			</li>
		</ul>
		<div id="details" class="details hidden">
			<h1 id="detailsTitle">
			</h1>
			<ul id="detailsChild" class="sys-template">
				<li></li>
			</ul>
			<div id="namespacesColumn" class="column hidden">
				<h2>
					Namespaces:</h2>
				<ul>
					<li id="namespacePlaceHolder"></li>
				</ul>
			</div>
			<div id="classesColumn" class="column hidden">
				<h2>
					Classes:</h2>
				<ul>
					<li id="classPlaceHolder"></li>
				</ul>
			</div>
			<div id="propertiesColumn" class="column hidden">
				<h2>
					Properties:</h2>
				<ul>
					<li id="propertyPlaceHolder"></li>
				</ul>
			</div>
			<div id="eventsColumn" class="column hidden">
				<h2>
					Events:</h2>
				<ul>
					<li id="eventPlaceHolder"></li>
				</ul>
			</div>
			<div id="methodsColumn" class="column hidden">
				<h2>
					Methods:</h2>
				<ul>
					<li id="methodPlaceHolder"></li>
				</ul>
			</div>
			<div id="staticMethodsColumn" class="column hidden">
				<h2>
					Static Methods:</h2>
				<ul>
					<li id="staticMethodPlaceHolder"></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>
